﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>站酷 (ZCOOL) - 设计师互动平台 - 打开站酷，发现更好的设计！</title>
    <link rel="stylesheet" href="css/index.css" />
</head>
<body>
    <div class="nav">
        <!-- 导航栏 -->
    </div>

    <div class="banner">
        <div class="slider">
            <!-- Bannder滚动图片 -->
            <img src="https://img.zcool.cn/community/016c665da86daca8012163baf1e602.png@1380w" alt="图片加载失败" />
        </div><div class="advtop">
            <!-- Banner下的推荐列表 图片一样 -->
            <img src="https://reviveimg.hellorf.com/www/images/eeefbea41fb9629498bd7aa9da6d39b5.jpg" alt="图片加载失败" />
        </div>
        <div class="subnav">
            <!-- 首页推荐 最新发布 上升最快 三个标题栏 -->
        </div>
    </div>

    <div class="mid">
        <div class="content">
            <!-- 首页推荐内容 只用两列 图片介绍等一样 -->
            <img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg" alt="图片加载失败" />
        </div>
        <div class="laypage">
            <!-- 页面标号 -->
        </div>
        <div class="advlong">
            <!-- 页面标号下横幅 -->
            <img src="https://reviveimg.hellorf.com/www/images/2998e8112211795da8fecc6b75fa254c.jpg" alt="图片加载失败" />
        </div>
        <div class="recommend">
            <!-- 推荐课程 图片介绍等一样 -->
            <img src="https://image.gogoup.com/course/20181010/1539153205655.jpg" alt="图片加载失败" />
        </div>
    </div>

    <div class="footer">
        <!-- 页面底部 -->
    </div>
</body>
</html>